var index /* 全局变量，用于存储需要编辑的问卷的索引 同时用来判断是添加页面还是编辑页面 */
var result/* 全局变量 用来存储问卷数据 */
window.onload = function () {
    index = location.search;/* 获取域名中带的数据 */
    if (!index)/* 判断是添加页面还是编辑页面 有索引时为编辑页面 */
        return  /* 编辑页面不进行以下操作 */
    index = index.slice(index.indexOf("=") + 1)/* 截取真正有用的数据 */
    result = JSON.parse(localStorage.getItem(index))/* 从本地浏览器储存中获取问卷数据 */
    document.querySelector("#Itemcontent").innerHTML = result.title/* 渲染问卷标题 */
    for (i = 1; i <= result.len; i++) { /* 循环渲染问卷中的每个问题 */
        if (result[i].type == "单选题") {/* 先对问题类型进行判断 */
            var str = ""//新增单选题模板代码
            str += '<div id="questionItem' + (result[i].num) + '" class="questionItem">Q'
            str += '    <span class="none" id="type' + (result[i].num) + '">' + (result[i].type) + '</span>'
            str += '    <span class="questionNum">' + (result[i].num) + '</span> &nbsp;&nbsp;'
            str += '    <span id="ItemTitle' + (result[i].num) + '">' + (result[i].title) + '</span>'
            str += '    <span class="red">*</span>'
            str += '    <ul id="radioUl' + (result[i].num) + '">'

            for (j = 0; j < result[i].radio.len; j++) {/* 循环添加问卷问题选项 */
                str += '        <li class="radios">'
                str += '            <input type="radio" name="radio' + (result[i].num) + '" id="radio' + (result[i].num) + (j + 1) + '">'
                str += '            <span id="ItemRad' + (result[i].num) + (j + 1) + '" class="itemCon' + (result[i].num) + '">' + (result[i].radio[j]) + '</span>'
                str += '        </li>'
            }

            str += '    </ul>'
            str += '</div>'
            var content = document.querySelector("#question").innerHTML/* 先获取问题标签的所有内容 */
            document.querySelector("#question").innerHTML = content + str//在所有的问题后面插入
        } else if (result[i].type == "多选题") {
            var str = ""//新增多选题模板代码
            str += '<div id="questionItem' + (result[i].num) + '" class="questionItem">Q'
            str += '    <span class="none" id="type' + (result[i].num) + '">' + (result[i].type) + '</span>'
            str += '    <span class="questionNum">' + (result[i].num) + '</span> &nbsp;&nbsp;'
            str += '    <span id="ItemTitle' + (result[i].num) + '">' + (result[i].title) + '</span>'
            str += '    <span class="red">*</span>'
            str += '    <ul id="checkUl' + (result[i].num) + '">'

            for (j = 0; j < result[i].check.len; j++) {
                str += '        <li class="checks">'
                str += '            <input type="checkbox" name="checkbox1" id="checkBox' + (result[i].num) + (j + 1) + '">'
                str += '            <span id="ItemChe' + (result[i].num) + (j + 1) + '" class="itemCon' + (result[i].num) + '">' + (result[i].check[j]) + '</span>'
                str += '        </li>'
            }

            str += '    </ul>'
            str += '</div>'
            var content = document.querySelector("#question").innerHTML/* 先获取问题标签的所有内容 */
            document.querySelector("#question").innerHTML = content + str//在所有的问题后面插入
        } else {
            var str = ""//新增文本题模板代码
            str += '<div id="questionItem' + (result[i].num) + '" class="questionItem">Q'
            str += '    <span class="none" id="type' + (result[i].num) + '">' + (result[i].type) + '</span>'
            str += '    <span class="questionNum">' + (result[i].num) + '</span> &nbsp;&nbsp;'
            str += '    <span id="ItemTitle' + (result[i].num) + '">' + (result[i].title) + '</span>'
            if (result[i].isMust)
                str += '    <span class="red">*</span>'
            str += '    <ul>'
            str += '        <li>'
            str += '            <input class="itemCon' + (result[i].num) + '" type="text" style="width:550px" value="' + (result[i].textare) + '">'
            str += '        </li>'
            str += '    </ul>'
            str += '</div>'
            var content = document.querySelector("#question").innerHTML/* 先获取问题标签的所有内容 */
            document.querySelector("#question").innerHTML = content + str//在所有的问题后面插入
        }
    }
}

function submitQue() {//记录问卷数据
    var length = parseInt(document.querySelectorAll(".questionNum").length) //问卷问题个数 0<length<=10
    for (i = 1; i <= length; i++) { //循环获取问卷问题内容
        if (result[i].type == "单选题") {
            var ischeck = false
            var radios = document.querySelectorAll(".itemCon" + i.toString()) //选项内容
            for (j = 0; j < radios.length; j++) {//单选题选项被选择的数据
                var radioId = "#radio" + i.toString() + (j + 1).toString()
                if (document.querySelector(radioId).checked) {
                    ischeck = true
                    result[i].data[j]++
                    result[i].data["len"]++
                }
            }
            if (!ischeck) {
                alert("单选题未选择")
                return
            }
        } else if (result[i].type == "多选题") {
            var ischeck = false
            var checks = document.querySelectorAll(".itemCon" + i.toString())//选项内容
            for (j = 0; j < checks.length; j++) {//多选题选项被选择的数据
                var checkBoxId = "#checkBox" + i.toString() + (j + 1).toString()
                if (document.querySelector(checkBoxId).checked) {
                    ischeck = true
                    result[i].data[j]++
                    result[i].data["len"]++
                }
            }
            if (!ischeck) {
                alert("多选题未选择")
                return
            }
        } else {
            var texts = document.querySelector(".itemCon" + i.toString()).value//选项内容
            result[i].data.len++
            if (texts)
                result[i].data.effect++
            else if (result[i].isMust) {
                alert("此文本题为必填项")
                return
            }
        }
    }
    localStorage.removeItem(index)//将问卷数据存入本地浏览器
    localStorage.setItem(index, JSON.stringify(result))//将问卷数据存入本地浏览器
    location.assign("/index.html")//保持完数据后跳转到问卷列表
}